<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
        <meta name="format-detection" content="telephone=no" />
        <title>{$article['article_title']}</title>
        <link rel="stylesheet" type="text/css" href="/public/static/js/dist/foxui/css/foxui.min.css?v=0.2">
        <link rel="stylesheet" type="text/css" href="/public/static/css/style.css?v=2.0.9">
        <link rel="stylesheet" type="text/css" href="/public/static/fonts/iconfont.css?v=2017070719">        
		<link rel="stylesheet" href="/public/static/plugin/article/css/mobile.css" />
        <style type="text/css">
            body {
                position: absolute;;
                max-width: 750px;  margin:auto;
            }
            .fui-navbar {
                max-width:750px;
            }
            .fui-navbar,.fui-footer  {
                max-width:750px;
            }
            .fui-page.fui-page-from-center-to-left,
            .fui-page-group.fui-page-from-center-to-left,
            .fui-page.fui-page-from-center-to-right,
            .fui-page-group.fui-page-from-center-to-right,
            .fui-page.fui-page-from-right-to-center,
            .fui-page-group.fui-page-from-right-to-center,
            .fui-page.fui-page-from-left-to-center,
            .fui-page-group.fui-page-from-left-to-center {
                -webkit-animation: pageFromCenterToRight 0ms forwards;
                animation: pageFromCenterToRight 0ms forwards;
            }
        </style>
        <style>.danmu {display: none;opacity: 0;}</style>
    </head>
    <body ontouchstart>
		<div class='fui-page-group'>
			<div class='fui-page  fui-page-current article-index-page'>
				<div class='fui-content'>		
					<div class="fui-article-page">			
						<div class="fui-article-title">{$article['article_title']}</div>
						<div class="fui-article-subtitle">{if !empty($article['article_mp'])}<a href="{if !empty($_W['shopset']['share']['followurl'])}{$_W['shopset']['share']['followurl']}{else}javascript:;{/if}">{$article['article_mp']}</a> 发布时间: {$article['article_date']}{if !empty($article['article_author'])} 作者: {$article['article_author']}{/if} {/if} </div>
						<div class="fui-article-content">
							{$article['article_content']}
						</div>			
						<div class="fui-article-subtitle" style="display: none;">
							<div class="nav"><i class="icon icon-person2"></i> {$readnum} </div>
							<div class="nav padding" {if !empty($mid) && is_weixin()}id="likebtn" data-num="{$likenum}" data-state="{if !empty($state['like'])}1{else}0{/if}"{/if}>
								<i class="icon {if !empty($state['like']) && is_weixin()}icon-likefill text-danger{else}icon-like{/if}"></i>
								<span>{$likenum}</span>
							</div>
						</div>			
					</div>
					{if $article['product_advs_type']!=0 && !empty($advs)}
						{if !empty($article['product_advs_title'])}
							<div class="fui-line title">
								<div class="text">{$article['product_advs_title']}</div>
							</div>
						{/if}
						<div class="swipe">
							<div class="inner">
								<div data-transition="500" class="fui-swipe">
									<div class="fui-swipe-wrapper">
										{loop $advs $adv}
											{if !empty($adv['img'])}
												<a href="{if empty($adv['link'])}javascript:;{else}{$adv['link']}{/if}" class="fui-swipe-item external">
													<img src="{$adv['img']}">
												</a>
											{/if}
										{/loop}
									</div>
									<div class='fui-swipe-page'></div>
								</div>
							</div>
						</div>
						{if !empty($article['product_advs_more'])}
							<div class="fui-line subtitle link">
								<a class="text external" href="{if !empty($article['product_advs_link'])}{$article['product_advs_link']}{else}javascript:;{/if}">{$article['product_advs_more']} </a>
							</div>
						{/if}
					{/if}
				</div>
			</div>
		</div>
	</body>
</html>